<!DOCTYPE html>
<html lang="zh">

<head>
    <meta charset="UTF-8">
    <meta name="文欢的个人网页 设计 个人" content="width=device-width, initial-scale=1.0">
    <title>about me</title>
    <link rel="stylesheet" href="css/about me.css">
</head>

<body>

    <div class="container">
        <!-- <div class="bc"> <img src="E:\课程文档\作业\期末\img\个人\背景.png" alt="背景" style="background-repeat: no-repeat;"></div>-->

        <div class="head">
            <!--鼠标悬停页面时，下拉显示的盒子-->

            <div class="name">
                <!--盒子中WENHUAN显示的地方,不可点击--><a href="index.html" target="_blank" style="text-decoration: none;">WEN-
                <BR>HUAN</a>
            </div>
            <div class=""></div>
            <div class="contacted">
                <!--盒子中联系我显示的地方，可以点击，转到联系我这一页--><a href="contact me.html" target="_blank" style="text-decoration: none;">联系我</a>
            </div>
            <span class="headsone"><a href="about.html" target="_blank" style="text-decoration: none;">about me</a><!--跳转到about me那一页--></span>
            <span class="headstwo"><a href="works.html" target="_blank" style="text-decoration: none;">works</a><!--跳转到works那一页--></span>
        </div>
        <div class="aboutone">

            <div class="main">
                <p class="maino">YOU WILL SEE SOME INFORMATION</p>
                <BR>
                <p class="maint">ABOUT ME</p>
            </div>
            <a class="boxo" href="#abtwoh"></a>
            <div class="nav">
                <span><a href="#abtwoh" target="_blank" style="text-decoration: none;">我的基本信息</a></span>
                <span><a href="#abthreeh" target="_blank" style="text-decoration: none;">爱好和特长们</a> </span>
            </div>

        </div>

    </div>
    <div class="abouttwo">
        <h4 id="abtwoh">基本信息</h4>
        <div class="abtwop">
            <p>姓名：文欢</p>
            <br>
            <p>性别：女</p>
            <br>
            <p>学校：成都东软学院</p>
            <br>
            <p>专业：艺术与科技</p>
            <IMG class="abthreep" src="img/个人/图片 (12).jpg" style="width: 300px;">
        </div>
        <div class="abthree">
            <h4 id="abthreeh">我的爱好和特长</h4>
            <div class="abthreep">
                我喜欢的：运动，看书。
                <br>我的特长：绘画及相关软件的使用，办公软件等。
                <a class="boxw" href="works.html"></a>
            </div>
            <IMG class="abthreepur" src="img/个人/图片 (11).jpg" style="width:268px;">
        </div>

        <div class="footer">
            <div class="footerso"><a href="html/about.html" target="_blank" style="text-decoration: none;">about me</a></div>
            <div class="footerst"><a href="html/works.html" target="_blank" style="text-decoration: none;">works</a></div>
            <div>
                <hr style="filter: alpha(opacity=100,style=3);" width="100%" color="black" size="4">
            </div>
            <div class="footer-border"></div>
            <div class="row">
                <div class="col-x1-12">
                    <p class="copy-right text-center">
                        lover
                        <script>
                            document.write
                        </script>"2020 @wenhuan"
                    </p>
                </div>
            </div>
        </div>
    </div>
</body>

</html>